<!DOCTYPE html>
<html>

<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <style>
        ul{
            list-style: none;
        }
    </style>
</head>
<body>
    <!-- 9.  在box元素中动态创建无序列表，自定义列表项内容。 -->
    
    <p>这是一个无序列表</p>
    <div id="box"></div>
    <script src="js/common.js"></script>
    <script>
        // 获取元素
        var box = my$("box");

        // 创建一个无序列表ul
        var ul = document.createElement("ul");
        // 增加ul元素节点
        box.appendChild(ul);

        // 创建一个给每一个元素节点增加内容的集合
        var jihe = ["风扇","西瓜","空调","wifi"];
        for(var i = 0; i<jihe.length;i++){
        // 在ul中增加li元素节点
        // 先创建一个li元素节点的集合
        var li = document.createElement("li");
        // 增加li元素节点
        ul.appendChild(li);
        // 增加内容
        li.innerText = jihe[i]; 
        }
        
    </script>


</body>
</html>